<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div class="page-content">
<div class="page-header">
				<h1>
					Tables
					<small>
						<i class="icon-double-angle-right"></i>
						用户列表 &amp; Dynamic Tables
					</small>
				</h1>
			</div><!--./page header  -->
	<div class="row">	
	<div class="col-xs-12">
		<div class="row">
			<div class="col-xs-12">
			</div>
			<div class="col-xs-12">
			<div class="container">
			<div class="table-responsive">
    	<table id="example" class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>用户id</th>
            <th>用户名</th>
            <th>邮箱</th>
            <th>积分</th>
            <th>等级</th>
            <th>注册时间</th>
            <th>状态</th>
            <th>用户组</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody></tbody>
        <!-- tbody是必须的 -->
    </table>
     </div>
</div>
<!-- Button trigger modal -->
 
 
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新增</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <input type="text" class="form-control" id="name" placeholder="姓名">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="position" placeholder="位置">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="salary" placeholder="薪资">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="start_date" placeholder="时间"
                           data-date-format="yyyy/mm/dd">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="office" placeholder="工作地点">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="extn" placeholder="编号">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" id="initData">添加模拟数据</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="save">保存</button>
            </div>
        </div>
    </div>
</div>
						
						
						</div>
					</div>
				</div>
	</div>
</div>
<script src="backadmin/static/js/jquery.dataTables.min.js"></script>
<script src="backadmin/static/js/jquery.dataTables.bootstrap.js"></script>
<script src="backadmin/static/js/datatable.js"></script>
